<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta name="description" content="要运动，用咕咚">
    <meta name="keywords" content="运动，咕咚">
    <meta name="author" content="mpr0xy">
    <meta name="format-detection" content="telephone=no">
    <title>DEMO</title>
    <link rel="shortcut icon" href="http://static.codoon.com/image/universal/codoon.ico" />
    <link href="./css/base.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/index.css?v=4.1">
  </head>
  <body>
   <section id="pages" class="welcome_page bgconter">
        <div class="page page1">
          <div class="bg">
              <img src="image/section-1-bg.png" alt="">
          </div>
          <!--element-->
          <img src="./image/section-1-sec1.png" alt="" class="logo">
          <img src="./image/section-1-sec2.png" alt="" class="slogin">
        </div>

        <div class="page page2">
          <div class="bg">
              <img src="image/section-2-bg.png" alt="">
          </div>
          <!--element-->
          <img src="./image/section-2-sec1.png" alt="" class="logo">
          <img src="./image/section-2-sec2.png" alt="" class="slogin">          
        </div>

        <div class="page page3">
          <div class="bg">
              <img src="image/section-3-bg.png" alt="">
          </div>
          <!--element-->
          <img src="./image/section-3-sec1.png" alt="" class="logo">
          <img src="./image/section-3-sec2.png" alt="" class="slogin">          
        </div>

        <div class="page page4">
          <div class="bg">
              <img src="image/section-4-bg.png" alt="">
          </div>
          <!--element-->
          <img src="./image/section-4-sec1.png" alt="" class="logo">
          <div class="slogin">
            <img src="./image/section-4-sec2.png" alt="">
            <img class="cljoin" src="./image/section-4-sec3.png" alt="">        
            <img src="./image/section-4-sec4.png" alt="">                  
          </div>
        </div>
  </section>


  <section id="wenjuan" class="bgconter">
    <div class="bg">
        <img src="image/section-4-bg.png" alt="">
    </div>
    <img src="./image/section-5-sec1.png" alt="" class="logo">

    <div class="wenjuanbox" id="wenjuanbox">
        <div class="page box1">
          <div class="tit">1.你目前的体型属于哪类的呢?</div>
          <ul>
            <li>瘦弱</li>
            <li>健康</li>
            <li>偏胖</li>
          </ul>
        </div>
        <div class="page box2">
          <div class="tit">2.为自己定个目标，让运动更有效?</div>
          <ul>
            <li>每周要跑50公里</li>
            <li>每周要跑25公里</li>
            <li>每周要跑15公里</li>
          </ul>
        </div>  
        <div class="page box3">
          <div class="tit">3.跑步时，你都有哪些习惯呢？</div>
          <ul>
            <li>习惯听歌</li>
            <li>习惯使用运动APP</li>
            <li>习惯跟小伙伴一起跑，拒绝独跑</li>
          </ul>
        </div>
        <div class="page box4">
          <div class="tit">4.心愿单:喜欢就选它吧?</div>
          <ul class="cf">
            <li><img src="./image/wenjuan_mu_a.png" alt="">
             <i></i><span>A Galaxy S6 </span> 
            </li>
            <li><img src="./image/wenjuan_mu_b.png" alt="">
            <i></i>
            <span>B Gear S </span> 
            </li>
            <li><img src="./image/wenjuan_mu_c.png" alt="">
              <i></i>
              <span>C Gear Circle  </span> 
            </li>
            <li><img src="./image/wenjuan_mu_d.png" alt="">
              <i></i>
              <span>D Galaxy A7 </span> 
            </li>
          </ul>
          <div class="notes">请按喜好顺序点击图片</div>
          <div class="bar"> <span class="input"></span><span class="reset"><img src="./image/reset.png" alt=""></span></div>
        </div>   
    </div>

  </section>


  <!-- js lib start -->
  <script src="./js/zepto.min.js"></script>
  <script src="./js/zepto.fx.js"></script>
  <script src="./js/event.js"></script>
  <script src="./js/base.js"></script>
  <script src="./js/pageSwitch.js"></script>

  
  <!--业务代码-->
  <script src="./js/index.js"></script>



  <!-- 百度统计代码 -->
  <script> 
  // var _hmt = _hmt || [];

  // (function() {
  //   var hm = document.createElement("script");
  //   hm.src = "//hm.baidu.com/hm.js?f340efa1307a47e7d89c5d277cc552cd";
  //   var s = document.getElementsByTagName("script")[0];
  //   s.parentNode.insertBefore(hm, s);
  // })();

  </script>
  </body>
</html>